<div ng-controller="feeOrderDetailController">
    <div class="bg-light lter b-b wrapper-sm">
        <h1 class="m-n font-thin h4">{{ title }}</h1>
    </div>

    <div class="wrapper-sm">
        <div class="panel panel-default">

            <div class="panel-body">

                <form name="step1" id="form" class="form-validation form-horizontal" novalidate>
                    <div class="form-group">
                        <div class="panel-heading font-bold m-t-n m-b-sm">
                            基本信息
                        </div>

                        <label class="col-lg-1 pull-left control-label">订单编号  :</label>
                        <label class="col-lg-2 control-label text-left">{{OData.orderId}}</label>
                        <label class="col-lg-1 col-md-2 col-sm-3 col-xs-3 control-label">子询价编号  :</label>
                        <label class="col-lg-2 col-md-3 col-sm-9 col-xs-8 control-label text-left">{{OData.inquiryChildId}}</label>
                    </div>
                    <div class="form-group">
                        <label class="col-lg-1 pull-left control-label">客户订单编号  :</label>
                        <label class="col-lg-2 control-label text-left">{{OData.clientOrderId}}</label>

                        <label class="col-lg-1 pull-left control-label">下单时间  :</label>
                        <label class="col-lg-2 control-label text-left">{{OData.placeOrderTime}}</label>     
                    </div>
                    <div class="form-group">
                        <label class="col-lg-1 pull-left control-label">紧急程度<span class="text-danger">*</span></label>
                        <label class="col-lg-2 control-label text-left">{{OData.urgencyDegree}}</label>

                        <label class="col-lg-1 pull-left control-label">计划专员  :</label>
                        <label class="col-lg-2 control-label text-left">{{OData.planOfficer}}</label>

                        <label class="col-lg-1 pull-left control-label">商务专员  :</label>
                        <label class="col-lg-2 control-label text-left">{{OData.businessOfficer}}</label>

                        <label class="col-lg-1 pull-left control-label">客服专员  :</label>
                        <label class="col-lg-2 control-label text-left">{{OData.customerServiceOfficer}}</label>  
                    </div>

                    <div class="form-group">
                        <label class="col-lg-1 pull-left control-label">调度专员  :</label>
                        <label class="col-lg-2 control-label text-left">{{OData.dispatchOfficer}}</label>

                        <label class="col-lg-1 pull-left control-label">客户单位  :</label>
                        <label class="col-lg-2 control-label text-left">{{OData.clientName}}</label>
                        <label class="col-lg-1 pull-left control-label">发货计划人<span class="text-danger">*</span></label>
                        <label class="col-lg-2 control-label text-left">{{OData.consignorName}}</label>
                        <label class="col-lg-1 pull-left control-label">发货人电话<span class="text-danger">*</span></label>
                        <label class="col-lg-2 control-label text-left">{{OData.consignorPhone}}</label>
                    </div>

                    <div class="form-group">

                        <label class="col-lg-1 pull-left control-label">发货内容  :</label>
                        <label class="col-lg-10 control-label text-left">{{OData.shipPriceContent}}</label>
                    </div>

                    <div class="form-group">
                        <div class="panel-heading font-bold">
                            线路货物信息
                        </div>
                        <div class="wrapper font-bold">
                            总线路货物信息
                        </div>
                        <div class="wrapper-sm m-t-n">
                            <div class="table-responsive table-cel-k">
                                <table class="table-bordered table-hover">
                                    <thead class="table-thea">
                                        <tr>
                                            <th width="9%">发货地址</th>
                                            <th width="9%">中转地</th>
                                            <th width="9%">送货地址</th>
                                            <th width="9%">发货时间</th>
                                            <th width="9%">到货时间</th>
                                            <th width="9%">里程数</th>
                                            <th width="9%">货物类别</th>
                                            <th width="9%">货物名称</th>
                                            <th width="9%">货物数量</th>
                                            <th width="5%">操作</th>
                                        </tr>
                                    </thead>
                                    <tbody class="tab-tbod">
                                        <tr ng-repeat="item in orderTotalList" title="{{item.shipAddress}} {{item.viaAddressList}} {{item.deliverAddress}} {{item.shipTime}} {{item.arriveTime}} {{item.mileage}} {{item.goodsType}} {{item.goodsName}} {{item.quantityOfGoods}}">
                                            <td>{{item.shipAddress}}</td>
                                            <td>{{item.viaAddressList}}</td>
                                            <td>{{item.deliverAddress}}</td>
                                            <td>{{item.shipTime}}</td>
                                            <td>{{item.arriveTime}}</td>
                                            <td>{{item.mileage}}</td>
                                            <td>{{item.goodsType}}</td>
                                            <td>{{item.goodsName}}</td>
                                            <td>{{item.quantityOfGoods}}</td>
                                            <td>
                                                <a data-toggle="modal" data-target="#orderTotal" title="查看详情" class="fa fa-eye m-l-xs  primary text-info" ng-click="getOrderDetial(item)"></a>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="wrapper font-bold">
                            子线路货物信息
                        </div>
                        <div class="wrapper-sm m-t-n">
                            <div class="table-responsive table-cel-k">
                                <table class="table-bordered table-hover">
                                    <thead class="table-thea">
                                        <tr>
                                            <th width="9%">发货地址</th>
                                            <th width="9%">中转地</th>
                                            <th width="9%">送货地址</th>
                                            <th width="9%">货物类别</th>
                                            <th width="9%">货物名称</th>
                                            <th width="9%">吨位范围</th>
                                            <th width="9%">货物数量</th>
                                            <th width="9%">结算单位</th>
                                            <th width="9%">结算方式</th>
                                            <th width="5%">操作</th>
                                        </tr>
                                    </thead>
                                    <tbody class="tab-tbod">
                                        <tr ng-repeat="item in orderChildrenList" title="{{item.shipGoodsAddress}} {{item.viaAddress}} {{item.deliveryAddress}} {{item.goodsType}} {{item.goodsName}} {{item.tonnageRange}} {{item.goodsNum}} {{item.settleName}} {{item.settlementType}}">
                                            <td>{{item.shipGoodsAddress}}</td>
                                            <td>{{item.viaAddress}}</td>
                                            <td>{{item.deliveryAddress}}</td>
                                            <td>{{item.goodsType}}</td>
                                            <td>{{item.goodsName}}</td>
                                            <td>{{item.tonnageRange}}</td>
                                            <td>{{item.goodsNum}}</td>
                                            <td>{{item.settleName}}</td>
                                            <td>{{item.settlementType}}</td>
                                            <td>
                                                <a data-toggle="modal" data-target="#orderChildren" title="查看详情" class="fa fa-eye m-l-xs  primary text-info" ng-click="EditChildren(item)"></a>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>

                        </div>
                    </div>

                    <div class="form-group" ng-show="true">
                        <div class="panel-heading font-bold m-b-sm">
                            承运商信息
                        </div>
                        <label class="col-lg-1 pull-left control-label">承运商名称<span class="text-danger">*</span></label>
                        <div class="col-lg-2">
                            <input type="text" id="carrier_name" class="form-control input-sm" ng-model="CData.carrierName" disabled="disabled" name="carrierName">
                        </div>

                        <label class="pull-left control-label">承运商号码</label>
                        <div class="col-lg-2">
                            <input type="text" id="carier_phone" class="form-control input-sm" ng-model="CData.carrierPhone" disabled="disabled" name="carrierPhone">
                        </div>

                        <label class="pull-left control-label">承运商类型</label>
                        <div class="col-lg-2">
                            <select class="form-control input-sm" ng-model="CData.carrierType" name="carrierType" disabled="disabled" ng-options="x.value as x.text for x in carrierTypeList">
                                <option value="">请选择</option>
                            </select>
                        </div>
                    </div>

                    <div class="form-group" ng-show="true">
                        <div class="panel-heading font-bold m-b-sm">
                            承运商车辆信息
                        </div>
                        <label class="col-lg-1 pull-left control-label">车牌号<span class="text-danger">*</span></label>
                        <div class="col-lg-2">
                            <input type="text" id="car_code" class="form-control input-sm" ng-model="CData.carCode" disabled="disabled" name="carCode">
                        </div>

                        <label class="pull-left control-label">驾驶员号码</label>
                        <div class="col-lg-2">
                            <input type="text" id="driver_phone" class="form-control input-sm" ng-model="CData.driverPhone" disabled="disabled" name="driverPhone">
                        </div>

                        <label class="pull-left control-label">驾驶员姓名</label>
                        <div class="col-lg-2">
                            <input type="text" id="driver_name" class="form-control input-sm" ng-model="CData.driverName" disabled="disabled" name="driverName">
                        </div>

                        <div class="line pull-in"></div>

                        <label class="col-lg-1 pull-left control-label">车长</label>
                        <div class="col-lg-2">
                            <select class="form-control input-sm" ng-model="CData.carLength" name="carLength" disabled="disabled" ng-options="x.value as x.text for x in carLengthList">
                                <option value="">请选择</option>
                            </select>
                        </div>

                        <label class="w-xxss pull-left control-label">车型</label>
                        <div class="col-lg-2">
                            <select class="form-control input-sm" ng-model="CData.carType" name="carType" disabled="disabled" ng-options="x.value as x.text for x in carTypeList">
                                <option value="">请选择</option>
                            </select>
                        </div>

                    </div>

                    <div class="form-group" ng-show="true">
                        <div class="panel-heading font-bold m-b-sm">
                            应付价格信息
                        </div>
                        <label class="col-lg-1 pull-left control-label">应付单价<span class="text-danger">*</span></label>
                        <div class="col-lg-2">
                            <input type="text" id="carrier_receivable_price" class="form-control input-sm" ng-model="CData.carrierReceivablePirce" disabled="disabled" name="carrierReceivablePirce">
                        </div>

                        <div class="pull-left m-l-n-sm">
                            <select class="form-control input-sm" ng-model="CData.carrierReceivablePirceUnit" name="urgencyUnit" disabled="disabled" ng-options="x.value as x.text for x in receivablePriceUnitList">
                                <option value="">请选择</option>
                            </select>
                        </div>
                        <label class="m-l pull-left control-label">应付说明</label>
                        <div class="col-lg-6">
                            <input type="text" id="carrier_receivable_remarks" class="form-control input-sm" ng-model="CData.carrierReceivableRemarks" disabled="disabled" name="carrierReceivableRemarks">
                        </div>

                        <div class="line pull-in"></div>
                        <label class="col-lg-1 pull-left control-label">预付款</label>
                        <div class="col-lg-2">
                            <input type="text" id="advance_price_one" class="form-control input-sm" ng-model="advancePriceOne" disabled="disabled" name="advancePriceOne">
                        </div>

                        <div class="pull-left m-l-n-sm">
                            <select class="form-control input-sm" ng-model="advancePriceTypeOne" name="advancePriceType" disabled="disabled" ng-options="x.value as x.text for x in paymentMethodList">
                                <option value="">请选择</option>
                            </select>
                        </div>
                        <div class="col-lg-2">
                            <input type="text" id="advance_price_two" class="form-control input-sm" ng-model="advancePriceTwo" disabled="disabled" name="advancePriceTwo">
                        </div>

                        <div class="pull-left m-l-n-sm">
                            <select class="form-control input-sm" ng-model="advancePriceTypeTwo" name="advancePriceType" disabled="disabled" ng-options="x.value as x.text for x in paymentMethodList">
                                <option value="">请选择</option>
                            </select>
                        </div>
                        <label class="m-l pull-left control-label">回单款</label>
                        <div class="col-lg-2">
                            <input type="text" id="receipt_price" class="form-control input-sm" ng-model="CData.receiptPrice" disabled="disabled" name="receiptPrice">
                        </div>

                        <div class="pull-left m-l-n-sm">
                            <select class="form-control input-sm" ng-model="CData.receiptPriceType" name="advancePriceType" disabled="disabled" ng-options="x.value as x.text for x in paymentMethodList">
                                <option value="">请选择</option>
                            </select>
                        </div>
                        <div class="line pull-in"></div>

                        <label class="col-lg-1 pull-left control-label">银行卡号</label>
                        <div class="col-lg-3">
                            <input type="text" id="bank_code02" class="form-control input-sm" ng-model="CData.bankCode" disabled="disabled" name="bankCode">
                        </div>

                        <label class="w-xsss pull-left control-label">开户银行</label>
                        <div class="col-lg-2">
                            <input type="text" id="open_bank02" class="form-control input-sm" ng-model="CData.openBank" disabled="disabled" name="openBank">
                        </div>

                        <label class="w-xsss pull-left control-label">持卡人姓名</label>
                        <div class="col-lg-2">
                            <input type="text" id="holder02" class="form-control input-sm" ng-model="CData.holder" disabled="disabled" name="holder">
                        </div>

                        <div class="line pull-in"></div>

                        

                    </div>

                    <div class="form-group" ng-show="true">
                        <div class="panel-heading font-bold m-b-sm">
                            回单状态
                        </div>
                        <label class="col-lg-1 pull-left control-label">回单状态</label>
                        <div class="col-lg-2">
                            <select class="form-control input-sm" ng-model="receiptStatus" name="carrierType" disabled="disabled" ng-options="x.value as x.text for x in receiptStatusList">
                                <option value="">请选择</option>
                            </select>
                        </div>
                        <label class="m-l pull-left control-label">回单签收日期</label>
                        <div class="col-lg-2">
                            <div class="input-group input-group-sm date">
                                <input datetimepicker id="receipt_time" name="receipt_time" plugintype="datetime" ng-model="receiptTime" placeholder="回单签收日期" class="form-control" type="text" disabled="disabled" />
                                <span class="input-group-addon">
                                    <span class="glyphicon glyphicon-calendar"></span>
                                </span>
                            </div>
                        </div>
                    </div>

                    <div class="form-group" ng-show="true">
                        <div class="panel-heading font-bold m-b-sm">
                            合同信息录入
                        </div>
                        <label class="col-lg-1 pull-left control-label">合同号<span class="text-danger">*</span></label>
                        <div class="col-lg-2">
                            <input type="text" id="contract_number" class="form-control input-sm" ng-model="ContractData.contractNumber" disabled="disabled" name="contractNumber">
                        </div>

                        <label class="w-xsss pull-left control-label">合同货物数量<span class="text-danger">*</span></label>
                        <div class="col-lg-2">
                            <input type="text" id="contract_goods_num" class="form-control input-sm" ng-model="ContractData.contractGoodsNum" disabled="disabled" name="contractGoodsNum">
                        </div>

                        <div class="pull-left m-l-n-sm">
                            <select class="form-control input-sm" ng-model="ContractData.contractGoodsNumUnit" name="contractGoodsNumUnit" disabled="disabled" ng-options="x.value as x.text for x in goodsNumUnitList">
                                <option value="">请选择</option>
                            </select>
                        </div>
                        <label class="m-l pull-left control-label">合同日期</label>
                        <div class="col-lg-2">
                            <div class="input-group input-group-sm date">
                                <input datetimepicker plugintype="datetime" id="contract_time" name="contract-time" ng-model="ContractData.contractTime" placeholder="合同日期" class="form-control" type="text" disabled="disabled" />
                                <span class="input-group-addon">
                                    <span class="glyphicon glyphicon-calendar"></span>
                                </span>
                            </div>
                        </div>

                        <div class="line  pull-in"></div>

                        <label class="col-lg-1 pull-left control-label">油卡状态</label>
                        <div class="col-lg-2">
                            <select class="form-control input-sm" ng-model="oilCardStatus" name="oilCardStatus" ng-disabled="isCanChangeContractStatus" ng-options="x.value as x.text for x in oilCardStatusList">
                                <option value="">请选择</option>
                            </select>
                        </div>
                        <label class="w-xsss pull-left control-label">油卡卡号</label>
                        <div class="col-lg-2">
                            <input type="text" id="oil_car_num" class="form-control input-sm" ng-model="ContractData.oilCarNum" disabled="disabled" name="oilCarNum">
                        </div>

                        <label class="pull-left control-label">合同状态</label>
                        <div class="col-lg-2">
                            <select class="form-control input-sm" ng-model="contractStatus" name="contractStatus" ng-disabled="isCanChangeContractStatus" ng-options="x.value as x.text for x in contractStatusList">
                                <option value="">请选择</option>
                            </select>
                        </div>
                        <div class="line  pull-in"></div>
                        <div ng-show="true">
                            <label class="col-lg-1 pull-left control-label">运费总价(系统生成参考)</label>
                            <div class="col-lg-2">
                                <input type="text" id="total_price" class="form-control input-sm" ng-model="totalPrice" disabled="disabled" name="totalPrice">
                            </div>

                            <label class="pull-left control-label m-l-n-sm">元</label>
                        </div>
                        <div ng-show="true">
                            <label class="w-xsss pull-left control-label">申请费用总和</label>
                            <div class="col-lg-2">
                                <input type="text" id="total_fee_price" class="form-control input-sm" ng-model="totalFeePrice" disabled="disabled" name="totalFeePrice">
                            </div>
                            <label class="pull-left control-label">元</label>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="panel-heading font-bold">
                            费用信息
                        </div>

                        <div class="wrapper-sm">
                            <div class="table-responsive table-cel-k">
                                <table class="table-bordered table-hover">
                                    <thead class="table-thea">
                                        <tr>
                                            <th width="9%">费用编号</th>
                                            <th width="9%">付款方式</th>
                                            <th width="9%">申领金额</th>
                                            <th width="9%">费用类型</th>
                                            <th width="9%">申领人</th>
                                            <th width="9%">结算承运商</th>
                                            <th width="9%">费用状态</th>
                                            <th width="9%">付款日期</th>
                                            <th width="9%">支出事由</th>
                                            <th width="9%">操作</th>
                                        </tr>
                                    </thead>
                                    <tbody class="tab-tbod">
                                        <tr ng-repeat="item in feeList" title="">
                                            <td>{{item.feeCode}}</td>
                                            <td>{{item.paymentMethodStr}}</td>
                                            <td>{{item.applyAmount}}</td>
                                            <td>{{item.feeTypeStr}}</td>
                                            <td>{{item.applyPerson}}</td>
                                            <td>{{item.settleCarrier}}</td>
                                            <td>{{item.feeStatusStr}}</td>
                                            <td>{{item.payTime}}</td>
                                            <td>{{item.payReason}}</td>
                                            <td>
                                                <a data-toggle="modal" data-target="#feeList" title="查看详情" class="fa fa-eye m-l-xs  primary text-info" ng-click="feeListDetail(item)"></a>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="panel-heading font-bold m-b-sm">
                            备注信息
                        </div>
                        <label class="col-lg-1 pull-left control-label">备注</label>
                        <div class="col-lg-10">
                            <textarea class="form-control" ng-model="carryOrderRemarks" placeholder="备注" name="carryOrderRemarks" ng-disabled="isCanUpdateRemarks"></textarea>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="panel-heading font-bold m-b-sm">
                            附件信息
                        </div>

                        <div class="panel-body" id="uploading">
                            <div ng-if="isShowFJ">
                                
                                <ng-template ng-repeat="attach in attachList">
                                    <div class="col-md-4" ng-if="attach.uploader.queue.length">
                                        <label class="pull-left m-l m-r">{{attach.title}}</label>
                                      
                                    </div>


                                    <div class="wrapper-sm" ng-if="attach.uploader.queue.length">

                                        <div class="line  pull-in"></div>
                                        <div class="wrapper-sm bg-light dk b-b m-b-xs hidden">
                                            <span class="">上传文件数: <b class="badge bg-info">{{ attach.uploader.queue.length }}</b></span>

                                        </div>
                                        <table class="table bg-white-only b-a">
                                            <thead>
                                                <tr>
                                                    <th width="50%">名称</th>
                                                    <th >大小</th>
                                                    <th >进度</th>
                                                    <th>状态</th>
                                                    <th>操作</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr ng-repeat="item in attach.uploader.queue">
                                                    <td>
                                                        <strong>{{ item.fileName }}</strong>
                                                      
                                                        <div >
                                                            <img data-ng-src="{{item.imgSrc}}" style="width:300px" ng-click="handleImgClick(item)" data-toggle="modal" data-target="#imgRotate">
                                                        </div>
                                                      
                                                    </td>
                                                    <td  nowrap>{{ item.fileSize/1024/1024|number:2 }} MB</td>
                                                    <td >
                                                        <div class="progress" style="margin-bottom: 0;">
                                                            <div class="progress-bar" role="progressbar" ng-style="{ 'width': item.progress + '%' }"></div>
                                                        </div>
                                                    </td>
                                                    <td class="text-center">
                                                        <span ng-show="item.isSuccess"><i class="glyphicon glyphicon-ok"></i></span>
                                                        <span ng-show="item.isCancel"><i class="glyphicon glyphicon-ban-circle"></i></span>
                                                        <span ng-show="item.isError"><i class="glyphicon glyphicon-remove"></i></span>
                                                    </td>
                                                    <td nowrap>

                                                        <button type="button" class="btn btn-primary btn-xs" ng-click="[attach.uploader.onDownload(item)]" ng-disabled="!item.isSuccess">
                                                            <span class="fa fa-cloud-download"></span> 下载
                                                        </button>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>

                                    </div>
                                </ng-template>
                               

                              



                            </div>
                            <div ng-repeat="child in loaderInfoList" ng-if="isShowHD">

                                <div class="panel-body">
                                    <div class="col-md-4">
                                        <label class="pull-left m-l m-r">{{child.title}}</label>
                                        
                                    </div>

                                    <div class="wrapper-sm">
                                        <div class="line  pull-in"></div>
                                        <div class="wrapper-sm bg-light dk b-b m-b-xs hidden">
                                            <span class="">上传文件数: <b class="badge bg-info">{{ child.uploader.queue.length }}</b></span>
                                        </div>
                                        <table class="table bg-white-only b-a">
                                            <thead>
                                                <tr>
                                                    <th width="50%">名称</th>
                                                    <th >大小</th>
                                                    <th >进度</th>
                                                    <th>状态</th>
                                                    <th>操作</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr ng-repeat="item in child.uploader.queue">
                                                    <td>
                                                        <strong>{{ item.fileName }}</strong>
                                                      
                                                        <div ng-if="item.imgSrc">
                                                            <img data-ng-src="{{item.imgSrc}}" style="width:300px" ng-click="handleImgClick(item)" data-toggle="modal" data-target="#imgRotate">
                                                        </div>
                                                      
                                                    </td>
                                                    <td  nowrap>{{ item.fileSize/1024/1024|number:2 }} MB</td>
                                                    <td >
                                                        <div class="progress" style="margin-bottom: 0;">
                                                            <div class="progress-bar" role="progressbar" ng-style="{ 'width': item.progress + '%' }"></div>
                                                        </div>
                                                    </td>
                                                    <td class="text-center">
                                                        <span ng-show="item.isSuccess"><i class="glyphicon glyphicon-ok"></i></span>
                                                        <span ng-show="item.isCancel"><i class="glyphicon glyphicon-ban-circle"></i></span>
                                                        <span ng-show="item.isError"><i class="glyphicon glyphicon-remove"></i></span>
                                                    </td>
                                                    <td nowrap>
                                                        <button type="button" class="btn btn-primary btn-xs" ng-click="[child.uploader.onDownload(item)]" ng-disabled="!item.isSuccess">
                                                            <span class="fa fa-cloud-download"></span> 下载
                                                        </button>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>

                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>

                    <div class="form-group">

                        <div class="col-lg-7">

                            <button class="pull-right-xs btn btn-sm btn-success btn-addon" ng-click="audited()" ng-show="auditedBtnHide"><i class="fa fa-check"></i>审核通过</button>
                            <button class="pull-right-xs btn btn-sm btn-primary btn-addon" ng-click="returnManage()" ng-show="returnManageBtnHide"><i class="fa fa-mail-reply-all"></i>退回办理</button>
                            <button class="pull-right-xs btn btn-sm btn-info btn-addon" ng-click="changeContractStatus()" ng-show="!isCanChangeContractStatus"><i class="fa fa-check"></i>确定</button>
                            <button class="pull-right-xs btn btn-sm btn-warning btn-addon" ng-click="back()"><i class="fa fa-mail-reply"></i>返回</button>
                        </div>
                    </div>

                    <!--orderTotal Modal -->
                    <div class="modal fade bs-example-modal-lg" id="orderTotal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="static">
                        <div class="modal-dialog modal-lg">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                    <h4 class="modal-title" id="orderTotalModalLabel">总线路货物信息</h4>
                                </div>

                                <div class="modal-body">

                                    <div class="form-group">
                                        <label class="col-lg-3 control-label">发货地址<span class="text-danger">*</span></label>
                                        <div class="col-lg-7">
                                            <input type="text" id="ship_address" class="form-control input-sm" name="ship-address" ng-value="orderDetial.shipAddress" disabled="disabled">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-lg-3 control-label">送货地址<span class="text-danger">*</span></label>
                                        <div class="col-lg-7">
                                            <input type="text" id="deliver_address" class="form-control input-sm" name="deliver-address" ng-value="orderDetial.deliverAddress" disabled="disabled">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-lg-3 control-label">中转地</label>
                                        <div class="col-lg-6">
                                            <span class="ui-select-bootstrap dropdown form-control" disabled="disabled">
                                                <span ng-repeat="item in orderDetial.viaList">
                                                    <span style="margin-right: 3px; margin-bottom:3px;" class="ui-select-match-item btn btn-default btn-xs">

                                                        <span>{{item.province}}{{item.city}}{{item.county}}</span>

                                            </span>
                                            </span>
                                            </span>
                                        </div>

                                    </div>

                                    <div class="form-group">
                                        <label class="col-lg-3 control-label">发货时间<span class="text-danger">*</span></label>
                                        <div class="col-lg-3">
                                            <input type="text" id="ship_time" class="form-control " ng-model="orderDetial.shipTime" disabled="disabled" name="shipTime">

                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-lg-3 control-label">到货时间<span class="text-danger">*</span></label>
                                        <div class="col-lg-3">
                                            <input type="text" id="arrive_time" class="form-control " ng-model="orderDetial.arriveTime" disabled="disabled" name="arriveTime">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-lg-3 control-label">里程数</label>
                                        <div class="col-lg-3">
                                            <input type="text" id="mileage" class="form-control " ng-model="orderDetial.mileage" disabled="disabled" name="mileage">

                                        </div>
                                        <label class="pull-left control-label">公里</label>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-lg-3 control-label">货物类别<span class="text-danger">*</span></label>
                                        <div class="col-lg-3">
                                            <input type="text" id="goods_type" class="form-control " ng-value="orderDetial.goodsType" disabled="disabled" name="mileage">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-lg-3 control-label">货物名称<span class="text-danger">*</span></label>
                                        <div class="col-lg-3">
                                            <input type="text" id="goods_name" class="form-control " ng-value="orderDetial.goodsName" disabled="disabled" name="mileage">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-lg-3 control-label">吨位范围<span class="text-danger">*</span></label>
                                        <div class="col-lg-3">
                                            <input type="text" id="ton_range" class="form-control " ng-value="orderDetial.tonRange" disabled="disabled" name="mileage">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-lg-3 control-label">货物数量<span class="text-danger">*</span></label>
                                        <div class="col-lg-3">
                                            <input type="text" id="goods_num" class="form-control " ng-value="orderDetial.goodsNum" disabled="disabled" name="goodsNum">
                                        </div>
                                        <div class="pull-left m-l-n-sm">
                                            <select class="form-control" id="goodsNumUnit" ng-model="orderDetial.goodsNumUnit" name="goodsNumUnit" disabled="disabled" ng-options="x.value as x.text for x in goodsNumUnitList">
                                                <option value="">请选择</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-lg-3 control-label">货物数量2</label>
                                        <div class="col-lg-3">
                                            <input type="text" id="goods_num_two" class="form-control " ng-value="orderDetial.goodsNumTwo" disabled="disabled" name="goodsNumTwo">
                                        </div>
                                        <div class="pull-left m-l-n-sm">
                                            <select class="form-control" id="goodsNumUnitTwo" ng-model="orderDetial.goodsNumUnitTwo" name="goodsNumUnitTwo" ng-options="x.value as x.text for x in goodsNumUnitList" disabled="disabled">
                                                <option value="">请选择</option>
                                            </select>
                                        </div>
                                    </div>

                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>

                                </div>
                            </div>
                        </div>
                    </div>

                    <!--orderChildren Modal -->
                    <div class="modal fade bs-example-modal-lg" id="orderChildren" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="static">
                        <div class="modal-dialog modal-lg">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                    <h4 class="modal-title" id="orderChildrenModalLabel">子线路货物信息</h4>
                                </div>

                                <div class="modal-body">

                                    <div class="form-group">
                                        <label class="col-lg-3 control-label">发货地址<span class="text-danger">*</span></label>
                                        <div class="col-lg-7">
                                            <input type="text" id="ship_goods_address" class="form-control" ng-value="orderChil.shipGoodsAddress" placeholder="请填写详细地址" disabled="disabled" name="shipAddress">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-lg-3 control-label">送货地址<span class="text-danger">*</span></label>
                                        <div class="col-lg-7">
                                            <input type="text" id="delivery_address" class="form-control" ng-value="orderChil.deliveryAddress" placeholder="请填写详细地址" disabled="disabled" name="shipAddress">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-lg-3 control-label">中转地</label>
                                        <div class="col-lg-6">
                                            <span class="ui-select-bootstrap dropdown form-control" disabled="disabled">{{orderChil.viaAddress}}
                                            </span>
                                        </div>

                                    </div>

                                    <div class="form-group">
                                        <label class="col-lg-3 control-label">发货时间<span class="text-danger">*</span></label>
                                        <div class="col-lg-3">
                                            <input type="text" id="delivery_time" class="form-control " ng-model="orderChil.deliveryTime" disabled="disabled" name="shipTime">

                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-lg-3 control-label">到货时间<span class="text-danger">*</span></label>
                                        <div class="col-lg-3">
                                            <input type="text" id="arrival_time" class="form-control " ng-model="orderChil.arrivalTime" disabled="disabled" name="arriveTime">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-lg-3 control-label">里程数</label>
                                        <div class="col-lg-3">
                                            <input type="text" id="odata_mileage" class="form-control " ng-model="OData.mileage" disabled="disabled" name="mileage">

                                        </div>
                                        <label class="pull-left control-label">公里</label>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-lg-3 control-label">货物类别<span class="text-danger">*</span></label>
                                        <div class="col-lg-3">
                                            <input type="text" id="order_child_goods_type" class="form-control " ng-value="orderChil.goodsType" disabled="disabled" name="goodsType">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-lg-3 control-label">货物名称<span class="text-danger">*</span></label>
                                        <div class="col-lg-3">
                                            <input type="text" id="order_child_goods_name" class="form-control " ng-value="orderChil.goodsName" disabled="disabled" name="goodsName">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-lg-3 control-label">吨位范围<span class="text-danger">*</span></label>
                                        <div class="col-lg-3">
                                            <input type="text" id="tonnange_range" class="form-control " ng-value="orderChil.tonnageRange" disabled="disabled" name="tonnageRange">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-lg-3 control-label">货物数量<span class="text-danger">*</span></label>
                                        <div class="col-lg-3">
                                            <input type="text" id="goods_num02" class="form-control " ng-model="orderChil_2.goodsNum" disabled="disabled" name="goodsNum">
                                        </div>
                                        <div class="pull-left m-l-n-sm">
                                            <select class="form-control" id="goodsNumUnit02" ng-model="orderChil_2.goodsNumUnit" name="goodsNumUnit" disabled="disabled" ng-options="x.value as x.text for x in goodsNumUnitList">
                                                <option value="">请选择</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-lg-3 control-label">货物数量2</label>
                                        <div class="col-lg-3">
                                            <input type="text" id="goods_num_two02" class="form-control " ng-model="orderChil_2.goodsNumTwo" disabled="disabled" name="goodsNumTwo">
                                        </div>
                                        <div class="pull-left m-l-n-sm">
                                            <select class="form-control" id="goodsNumUnitTwo02" ng-model="orderChil_2.goodsNumUnitTwo" name="goodsNumUnitTwo" ng-options="x.value as x.text for x in goodsNumUnitList" disabled="disabled">
                                                <option value="">请选择</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-lg-3 control-label">结算方式<span class="text-danger">*</span></label>
                                        <div class="col-lg-3">
                                            <input type="text" id="settlement_type" class="form-control " ng-value="orderChil.settlementType" disabled="disabled" name="settlementType">
                                        </div>

                                    </div>
                                    <div class="form-group">
                                        <label class="col-lg-3 control-label">含税<span class="text-danger">*</span></label>
                                        <div class="col-lg-3">
                                            <select class="form-control" id="includeTax" ng-model="orderChil_2.includeTax" name="includeTax" ng-options="x.value as x.text for x in includeTaxList" disabled="disabled">
                                                <option value="">请选择</option>
                                            </select>
                                        </div>

                                    </div>
                                    <div class="form-group">
                                        <label class="col-lg-3 control-label">应收说明</label>
                                        <div class="col-lg-6">
                                            <input type="text" id="receivable_remark" class="form-control " ng-value="orderChil_2.receivableRemarks" disabled="disabled" name="receivableRemarks">
                                        </div>

                                    </div>

                                    <div class="form-group">
                                        <label class="col-lg-3 control-label">结算单位<span class="text-danger">*</span></label>
                                        <div class="col-lg-3">
                                            <input type="text" id="reckoner" class="form-control " ng-value="orderChil_2.reckoner" disabled="disabled" name="reckoner">
                                        </div>

                                    </div>
                                    <div class="form-group">
                                        <label class="col-lg-3 control-label">工程名称</label>
                                        <div class="col-lg-3">
                                            <input type="text" id="project_name" class="form-control " ng-value="orderChil_2.projectName" disabled="disabled" name="projectName">
                                        </div>

                                    </div>
                                    <div class="form-group">
                                        <label class="col-lg-3 control-label">工程编号</label>
                                        <div class="col-lg-3">
                                            <input type="text" id="project_code" class="form-control " ng-value="orderChil_2.projectCode" disabled="disabled" name="projectCode">
                                        </div>

                                    </div>
                                    <div class="form-group">
                                        <label class="col-lg-3 control-label">工程总量</label>
                                        <div class="col-lg-3">
                                            <input type="text" id="project_total" class="form-control " ng-value="orderChil_2.projectTotal" disabled="disabled" name="projectTotal">
                                        </div>
                                        <div class="pull-left m-l-n-sm">
                                            <select class="form-control" id="goodsQuantityUnit" ng-model="orderChil_2.projectTotalUnit" ng-options="x.value as x.text for x in projectTotalUnitList" disabled="disabled">
                                                <option value="">请选择</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-lg-3 control-label">收货单位</label>
                                        <div class="col-lg-3">
                                            <input type="text" id="take_goods_company" class="form-control " ng-value="orderChil_2.takeGoodsCompany" disabled="disabled" name="takeGoodsCompany">
                                        </div>

                                    </div>
                                    <div class="form-group">
                                        <label class="col-lg-3 control-label">收货人</label>
                                        <div class="col-lg-3">
                                            <input type="text" id="consignee" class="form-control " ng-value="orderChil_2.consignee" disabled="disabled" name="consignee">
                                        </div>

                                    </div>
                                    <div class="form-group">
                                        <label class="col-lg-3 control-label">收货人号码</label>
                                        <div class="col-lg-3">
                                            <input type="text" id="consignee_phone" class="form-control " ng-value="orderChil_2.consigneePhone" disabled="disabled" name="consigneePhone">
                                        </div>

                                    </div>
                                    <div class="form-group">
                                        <label class="col-lg-3 control-label">发货单号</label>
                                        <div class="col-lg-3">
                                            <input type="text" class="form-control " ng-value="orderChil_2.shipOrderId" disabled="disabled" name="shipOrderId">
                                        </div>

                                    </div>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>

                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- feeList Modal -->
                    <div class="modal fade bs-example-modal-lg" id="feeList" tabindex="-1" data-focus-on="input:first" style="display: none;">
                        <div class="modal-dialog modal-lg">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                    <h4 class="modal-title" id="myModalLabel">费用申领</h4>
                                </div>
                                <form class="form-validation form-horizontal" novalidate>
                                    <div class="modal-body">
                                        <div class="panel-heading font-bold m-b-sm">
                                            费用申领:
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-2 control-label">费用类型<span class="text-danger">*</span></label>
                                            <div class="col-lg-3">
                                                <input type="text" id="fee_type_str" class="form-control input-sm" ng-model="costData.feeTypeStr" disabled="disabled" name="feeTypeStr">
                                            </div>
                                            <label class="col-lg-2 control-label">付款方式<span class="text-danger">*</span></label>
                                            <div class="col-lg-3">
                                                <input type="text" id="payment_method_str" class="form-control input-sm" ng-model="costData.paymentMethodStr" disabled="disabled" name="paymentMethodStr">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-2 control-label">申领金额<span class="text-danger">*</span></label>
                                            <div class="col-lg-3">
                                                <input type="text" id="apply_amount_str" disabled="disabled" ng-pattern="/^[0-9]+(\.[0-9]{1,2})?$/" class="form-control" ng-model="costData.applyAmountStr" onFocus="this.value=''" value="0" name="applyFeeBox" required>
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-lg-2 control-label">申领人<span class="text-danger">*</span></label>
                                            <label class="col-lg-2 control-label text-left">{{costData.applyPerson}}</label>

                                            <label class="col-lg-3 control-label">结算承运商</label>
                                            <label class="col-lg-2 control-label text-left">{{costData.settleCarrier}}</label>
                                        </div>

                                        <div class="panel-heading font-bold m-b-sm">
                                            支出事由:
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-2 control-label">支出事由</label>
                                            <div class="col-lg-6">
                                                <textarea class="form-control" disabled="disabled" ng-model="costData.payReason" placeholder="请填写支出事由" name="payResonBox"></textarea>
                                            </div>
                                        </div>
                                        <div class="panel-heading font-bold m-b-sm">
                                            支出账户:
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-2 control-label">银行卡号<span class="text-danger">*</span></label>
                                            <div class="col-lg-3">
                                                <input type="text" id="bank_code" class="form-control input-sm" ng-model="costData.bankCode" placeholder="请填写银行卡号" disabled="disabled" required name="bankCode">
                                            </div>
                                            <label class="col-lg-2 control-label">开户银行<span class="text-danger">*</span></label>
                                            <div class="col-lg-3">
                                                <input type="text" id="open_bank" class="form-control input-sm" ng-model="costData.openBank" placeholder="请填写开户银行" disabled="disabled" required name="openBank">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-lg-2 control-label">持卡人姓名<span class="text-danger">*</span></label>
                                            <div class="col-lg-3">
                                                <input type="text" id="holder" class="form-control input-sm" ng-model="costData.holder" placeholder="请填写持卡人姓名" disabled="disabled" required name="holder">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>

                      <!-- imgrotate model -->
                    <tms-img-rotate src="selectedImgSrc"></tms-img-rotate>
                    

                </form>

            </div>
        </div>

    </div>
</div>